<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/common/common.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html>
<!-- saved from url=(0048)http://stevenliu.ngrok.cc/Web001/html/login.html -->
<html lang="en">
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>首页</title>
		<meta name="keywords" content="blog" />
		<meta name="description" content="blog" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="${pageContext.request.contextPath }/js/jquery-1.8.3.min.js" ></script>
		<script src="${pageContext.request.contextPath }/js/comm.js" type="text/javascript" charset="utf-8">
		</script>
</head>
<body>
<!--top begin-->
<header id="header">
  <div class="navbox">
    <h2 id="mnavh"><span class="navicon"></span></h2>
    <div class="logo"><a href="http://www.yangqq.com">校园资料共享墙</a></div>
    <nav>
      <ul id="starlist">
        <li><a href="${pageContext.request.contextPath }/data/listPage">首页</a></li>
        <li><a href="${pageContext.request.contextPath }/data/listPage">资料浏览</a></li>
        <li><a href="${pageContext.request.contextPath }/data/listPage">文件下载</a></li>
        <li class="menu"><a href="list.html">资料分类</a>
          <ul class="sub">
             <li><a href="${pageContext.request.contextPath }/data/listPage">工科资料</a></li>
            <li><a href="${pageContext.request.contextPath }/data/listPage">医学资料</a></li>
            <li><a href="${pageContext.request.contextPath }/data/listPage">文科资料</a></li>
          </ul>
          <span></span>
        </li>
        <!--我的博客 登陆之后可用
        	<li><a href="#">优秀人博客</a></li>
        -->
        <li class="menu"><a href="list.html">我的资料</a>
          <ul class="sub">
            <li><a href="${pageContext.request.contextPath }/addData/toAddBolgUI">发布资料</a></li>
            <li><a href="/7">管理资料</a></li>
            <li><a href="/8">我的收藏</a></li>
            <li><a href="/8">我的关注</a></li>
            <li><a href="${pageContext.request.contextPath }/userRevise/updateInformationUI">个人中心</a></li>
            <li><a href="${pageContext.request.contextPath }/userRevise/updateInformationUI.do">个人中心</a></li>
          </ul>
          <span></span>
        </li>
        <!--<li><a href="list.html">我的博客</a></li>-->
        <li><a href="${pageContext.request.contextPath }/user/loginUI.do">登陆/注册</a></li>
        <li><a href="${pageContext.request.contextPath }/user/toLogout.do">注销</a></li>
      </ul>
    </nav>
    <div class="searchico"></div>
  </div>
</header>

<div class="searchbox">
  <div class="search">
    <form action="#" method="post" name="searchform" id="searchform">
      <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
      <input name="show" value="title" type="hidden">
      <input name="tempid" value="1" type="hidden">
      <input name="tbname" value="news" type="hidden">
      <input name="Submit" class="input_submit" value="搜索" type="submit">
    </form>
  </div>
  <div class="searchclose"></div>
</div>


<!--top end-->

<article> 
  <!--lbox begin-->
  <div class="lbox"> 
    <!--banbox begin-->
    <div class="whitebg bloglist">
      <h2 class="htitle">最新博文</h2>
        <table class="layui-table" id="demo" lay-filter="demo" >
					  <thead>
					    <tr>
					      <th>账号</th>
					    </tr> 
					  </thead>
						<tbody>
							<c:forEach items="${pageInfo.list }" var="item">
							  <tr>
							      <th>${item.blogtitle}
								      <h3 class="blogtitle"><a href="/" target="_blank">博客题目${item.blogtitle} </a></h3>
							          <span class="blogpic imgscale"><i><a href="/">原创模板</a></i><a href="/" title=""><img src="${pageContext.request.contextPath}/images/b01.jpg" alt=""></a></span>
							          <p class="blogtext">${item.blogtitle}</p>
							          <p class="bloginfo"><i class="avatar"><img src="${pageContext.request.contextPath}/images/avatar.jpg"></i><span>"${item.username}"</span><span>${item.updatetime }</span><span>【<a href="/">原创模板</a>】</span></p>
							          <a href="${pageContext.request.contextPath }/user/toBlogUI/${item.blogdataid }" class="viewmore">阅读更多</a>
							          
							      </th>
							  </tr>
							</c:forEach>
						</tbody>
				</table>
		<tbody>
		
		<div id="demo7" align="center">
		<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-8">
			<!--button 选择第几页-->	
			<span class="layui-laypage-count">共${pageInfo.total}条</span>
			<c:if test="${pageInfo.prePage ==0}">
				<a href="javascript:forwardTo('${pageInfo.prePage}');" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a>
			</c:if>
			<c:if test="${pageInfo.prePage !=0}">
				<a href="javascript:forwardTo('${pageInfo.prePage}');" class="layui-laypage-prev" data-page="0">上一页</a>
			</c:if>
			<c:forEach items="${pageInfo.navigatepageNums }" var="item">
				<c:choose>
					<c:when test="${pageInfo.pageNum==item}">
						<span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>${item }</em></span>
					</c:when>
					<c:otherwise>
						<a href="javascript:javascript:forwardTo('${item }');">${item }</a>
					</c:otherwise>
				</c:choose>
			</c:forEach> 
			
		    <!-- 	<span class="layui-laypage-spr">…</span> -->
		    <c:if test="${pageInfo.pageNum==pageInfo.pages }">
		    	<a href="javascript:forwardTo('${pageInfo.nextPage}');" class="layui-laypage-next layui-disabled " >下一页</a>
		    </c:if>
		     <c:if test="${pageInfo.pageNum!=pageInfo.pages }">
		     	<a href="javascript:forwardTo('${pageInfo.nextPage}');" class="layui-laypage-next" >下一页</a>
		     </c:if>
			<!--每页多少条-->	
			<span class="layui-laypage-limits">
				<select lay-ignore="" id="pageSize">
					<option value="2" selected="">2 条/页</option>
					<option value="3">3 条/页</option>
					<option value="4">4 条/页</option>
					<option value="4">5条/页</option>
					<option value="4">10 条/页</option>
					<option value="4">20 条/页</option>
				</select>
		    </span>
			<!--输入 跳到第几页-->	    
			<span class="layui-laypage-skip">到第<input id=buttonForwardTo type="text" min="1" value="1" class="layui-input">页
				<button onclick="buttonForwardTo()"  type="button" class="layui-laypage-btn ">确定</button>
			</span>
		</div>
	</div>
		
      
    </div>
    <!--bloglist end--> 
  </div>
       
     
    
  <!--bloglist end--> 
  
  <div class="rbox">
    <div class="card">
      <h2>我的名片</h2>
      <p>网名：DanceSmile | 即步非烟</p>
      <p>职业：Web前端设计师、网页设计</p>
      <p>现居：四川省-成都市</p>
      <p>Email：dancesmiling@qq.com</p>
      <ul class="linkmore">
        <li><a href="http://www.yangqq.com" target="_blank" class="iconfont icon-zhuye" title="网站地址"></a></li>
        <li><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=HHh9cn95b3F1cHVye1xtbTJ-c3E" target="_blank" class="iconfont icon-youxiang" title="我的邮箱"></a></li>
        <li><a href="http://wpa.qq.com/msgrd?v=3&uin=476847113&site=qq&menu=yes" target="_blank" class="iconfont icon---" title="QQ联系我"></a></li>
        <li id="weixin"><a href="#" target="_blank" class="iconfont icon-weixin" title="关注我的微信"></a><i><img src="${ctx }/images/wx.png"></i></li>
      </ul>
    </div>
   
    <div class="whitebg notice">
      <h2 class="htitle">网站公告</h2>
      <ul>
        <li><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
        <li><a href="/">用js+css3来写一个手机栏目导航</a></li>
        <li><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
        <li><a href="/">三步实现滚动条触动css动画效果</a></li>
      </ul>
    </div>
    <div class="whitebg paihang">
      <h2 class="htitle">点击排行</h2>
      <section class="topnews imgscale"><a href="/"><img src="${ctx }/images/h1.jpg"><span>6条网页设计配色原则,让你秒变配色高手</span></a></section>
      <ul>
        <li><i></i><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
        <li><i></i><a href="/">用js+css3来写一个手机栏目导航</a></li>
        <li><i></i><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
        <li><i></i><a href="/">三步实现滚动条触动css动画效果</a></li>
        <li><i></i><a href="/">个人博客，属于我的小世界！</a></li>
        <li><i></i><a href="/">安静地做一个爱设计的女子</a></li>
        <li><i></i><a href="/">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
        <li><i></i><a href="/">做个人博客如何用帝国cms美化留言增加头像选择</a></li>
      </ul>
    </div>
  </div>
</article>

<footer>
  <div class="box">
    <div class="wxbox">
      <ul>
        <li><img src="${pageContext.request.contextPath }/images/wxgzh.jpg"><span>微信公众号</span></li>
        <li><img src="${pageContext.request.contextPath }/images/wx.png"><span>我的微信</span></li>
      </ul>
    </div>
    <div class="endnav">
      <p><b>站点声明：</b></p>
      <p>1、本站个人博客模板，均为杨青青本人设计，个人可以使用，但是未经许可不得用于任何商业目的。</p>
      <p>2、所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。举报邮箱：<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=HHh9cn95b3F1cHVye1xtbTJ-c3E" target="_blank">dacesmiling@qq.com</a></p>
      <p>Copyright © <a href="http://www.yangqq.com" target="_blank">www.yangqq.com</a> All Rights Reserved. 备案号：<a href="http://www.miitbeian.gov.cn/" target="_blank">蜀ICP备11002373号-1</a></p>
    </div>
  </div>
  <a href="#">
  <!-- <div class="top"></div> -->
  </a> </footer>
</body>

<script type="text/javascript">
		function buttonForwardTo(){
			var pageNum = document.getElementById("buttonForwardTo").value;
			alert(pageNum);
			var pageSize = document.getElementById("pageSize").value;
			location.href="${ctx }/data/listPage?pageNum="+pageNum+"&pageSize="+pageSize;
		}
        function forwardTo(pageNum){
        	var pageSize = document.getElementById("pageSize").value;
        	location.href="${ctx }/data/listPage?pageNum="+pageNum+"&pageSize="+pageSize;
        }
	
</script>
</html>
